<template>
  <ul class="msg-list" @click.stop="">
    <li v-for="(msg, index) in conf.list" :key="index" :class="msg.type">{{msg.msg}}</li>
    <li v-for="(msg, index) in conf.noneMsg" :key="index" :class="msg.type">{{msg.msg}}</li>
  </ul>
</template>
<script>
  export default {
    name: 'msg-list',
    props: ["conf"],
  }
</script>

<style scoped>
  .msg-list{
    padding: 10px;
  }
  .msg-list li{
    padding: 4px 10px;
  }
  .msg-list li.err{
    color: var(--cl-error);
  }
  .msg-list li.warn{
    color: var(--cl-warning);
  }
  .msg-list li.succ{
    color: var(--cl-success);
  }
</style>
